<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/yangshi.css" />
    <link rel="stylesheet" href="../css/shouxushi.css" />
  </head>
  <body>
    <!-- 导航栏 -->
    <div class="dingbu">
      <div class="dingbu-com">
        <div class="dizhi">地址</div>
        <ul class="nav">
          <a href="../html/denglu.html">
            <li>
              你好，请登录
              <i style="color: red">免费注册</i>
            </li>
          </a>

          <li>|</li>
          <a href="#">
            <li>我的订单</li>
          </a>

          <li>|</li>
          <a href="">
            <li>我的京东</li>
          </a>

          <li>|</li>
          <a href="">
            <li>京东会员</li>
          </a>

          <li>|</li>
          <a href="">
            <li style="color: red">企业采购</li>
          </a>

          <li>|</li>
          <a href="">
            <li>客户服务</li>
          </a>

          <li>|</li>
          <a href="">
            <li>网站导航</li>
          </a>

          <li>|</li>
          <a href="">
            <li>手机京东</li>
          </a>
        </ul>
      </div>
    </div>

    <!-- 头部 -->
    <div class="header-com">
      <div class="header">
        <a href="">
          <img class="logo" src="../img/1.png" alt="" />
        </a>

        <div class="header-da">
          <div class="header-a">
            <input type="text" class="input1" placeholder="跨店每满200-20" />
            <button class="button1">搜索</button>
          </div>
        </div>
        <a href="../html/shangpin.html"><button class="button2">我的购物车</button></a>
        <ul class="ul1">
          <a href=""><li>美妆七夕</li></a>

          <a href=""><li>手机好店</li></a>

          <a href=""><li>自营电脑</li></a>

          <a href=""><li>家具品类</li></a>

          <a href=""><li>防疫杀菌</li></a>

          <a href=""><li>七夕好礼</li></a>

          <a href=""><li>服饰七夕</li></a>

          <a href=""> <li>浪漫七夕</li></a>
        </ul>
      </div>
    </div>

    <!-- 一段 -->
    <div class="yiduan-com">
      <div class="yiduan">
        <div class="yiduan-a">
          <ul class="yiduan-aul">
            <li><a href="../html/shangpin.html">家居/家具/厨具</a></li>
            <li><a href="../html/shangpin.html">电脑/办公</a></li>
            <li><a href="../html/shangpin.html">房产/汽车/汽车用品</a></li>
            <li><a href="../html/shangpin.html">服装/男装/女装</a></li>
            <li><a href="../html/shangpin.html">食品/酒类/生鲜</a></li>
            <li><a href="../html/shangpin.html">图书/电子书</a></li>
            <li><a href="../html/shangpin.html">理财/白条</a></li>
            <li><a href="../html/shangpin.html">工业品</a></li>
          </ul>
        </div>

        <div class="yiduan-b">
          <div class="box">
            <ul class="item">
              <li style="opacity: 1">
                <img class="imgg" src="../img/b1.jpg" />
              </li>
              <li><img class="imgg" src="../img/b2.jpg" /></li>
              <li><img class="imgg" src="../img/b3.jpg" /></li>
            </ul>
            <button class="leftBtn">&lt;</button>
            <button class="rightBtn">&gt;</button>

            <ul class="page">
              <li style="background-color: white">1</li>
              <li>2</li>
              <li>3</li>
            </ul>
          </div>
        </div>

        <div class="yiduan-c">
          <div class="yiduan-c1">
            <p style="font-size: 20px">欢迎登录京东</p>
            <p style="font-size: 20px">
              <a href="../html/denglu.html">登录</a>
            </p>
            <p style="font-size: 20px"><a href="../html/zhuce.html">注册</a></p>
          </div>
        </div>

        <div class="yiduan-d"></div>
      </div>

      <div id="miao-con">
        <div id="miao">
          <div style="font-size: 20px">京东秒杀</div>
          <div id="jii"></div>
        </div>

        <div class="dianji">
          <div class="ulx">
            <a href="../html/shangpin.html"><img src="../img/t1.jpg" alt="" /></a>
            <a href="../html/shangpin.html"><img src="../img/t2.jpg" alt="" /></a>
            <a href="../html/shangpin.html"><img src="../img/t3.jpg" alt="" /></a>
            <a href="../html/shangpin.html"><img src="../img/t4.jpg" alt="" /></a>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script>
    let ji = document.querySelector("#jii");
    var time = setInterval(function () {
      var now = new Date();
      var new1 = new Date("2022-6-18");
      var dao = (new1 - now) / 1000;
      var day = parseInt(dao / 60 / 60 / 24);
      var h = parseInt((dao / 60 / 60) % 24);
      var m = parseInt((dao / 60) % 60);
      var s = parseInt(dao % 60);

      ji.innerText = day + "天" + h + "时" + m + "分" + s + "秒";
    }, 1000);
  </script>
  <script src="../js/bo.js"></script>
  <script src="../js/common.js"></script>
  <script src="../js/animateBak.js"></script>
</html>
